//- Copyright (c) 2016 Lucky Byte, Inc.
extends layout

append scripts
    script(src="/js/settings.js")

block content
  form.ui.form.attached.segment.main(
    action="/settings/edit" method="post" autocomplete="off")
    input(type="hidden")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 界面设置

    .fields
      .field.four.wide
        label 页面布局风格: 
        select.ui.dropdown.input(name="layout_style")
          option(value="compact") 紧 凑
          option(value="normal") 标 准
          option(value="relax")  松 散
      .field.four.wide
        label 代码着色风格: 
        select.ui.dropdown.input(name="syntax_style")
          option(value="default" selected="selected") 默认风格
          option(value="agate") Agate
          option(value="androidstudio") Android Studio
          option(value="arta") Arta
          option(value="ascetic") Ascetic
          option(value="atelier-cave-dark") Atelier Cave Dark
          option(value="atelier-cave-light") Atelier Cave Light
          option(value="atelier-dune-dark") Atelier Dune Dark
          option(value="atelier-dune-light") Atelier Dune Light
          option(value="atelier-estuary-dark") Atelier Estuary Dark
          option(value="atelier-estuary-light") Atelier Estuary Light
          option(value="atelier-forest-dark") Atelier Forest Dark
          option(value="atelier-forest-light") Atelier Forest Light
          option(value="atelier-heath-dark") Atelier Heath Dark
          option(value="atelier-heath-light") Atelier Heath Light
          option(value="atelier-lakeside-dark") Atelier Lakeside Dark
          option(value="atelier-lakeside-light") Atelier Lakeside Light
          option(value="atelier-plateau-dark") Atelier Plateau Dark
          option(value="atelier-plateau-light") Atelier Plateau Light
          option(value="atelier-savanna-dark") Atelier Savanna Dark
          option(value="atelier-savanna-light") Atelier Savanna Light
          option(value="atelier-seaside-dark") Atelier Seaside Dark
          option(value="atelier-seaside-light") Atelier Seaside Light
          option(value="atelier-sulphurpool-dark") Atelier Sulphurpool Dark
          option(value="atelier-sulphurpool-light") Atelier Sulphurpool Light
          option(value="brown-paper") Brown Paper
          option(value="brown-papersq") Brown Papersq
          option(value="codepen-embed") Codepen Embed
          option(value="color-brewer") Color Brewer
          option(value="dark") Dark
          option(value="darkula") Darkula
          option(value="docco") Docco
          option(value="far") Far
          option(value="foundation") Foundation
          option(value="github-gist") Github Gist
          option(value="github") Github
          option(value="googlecode") Google Code
          option(value="grayscale") Grayscale
          option(value="hopscotch") Hopscotch
          option(value="hybrid") Hybrid
          option(value="idea") Idea
          option(value="ir-black") IR Black
          option(value="kimbie.dark") Kimbie Dark
          option(value="kimbie.light") Kimbie Light
          option(value="magula") Magula
          option(value="mono-blue") Mono Blue
          option(value="monokai-sublime") Monokai Sublime
          option(value="monokai") Monokai
          option(value="obsidian") Obsidian
          option(value="paraiso-dark") Paraiso Dark
          option(value="paraiso-light") Paraiso Light
          option(value="pojoaque") Pojoaque
          option(value="railscasts") Railscasts
          option(value="rainbow") Rainbow
          option(value="school-book") School Book
          option(value="solarized-dark") Solarized Dark
          option(value="solarized-light") Solarized Light
          option(value="sunburst") Sunburst
          option(value="tomorrow-night-blue") Tomorrow Night Blue
          option(value="tomorrow-night-bright") Tomorrow Night Bright
          option(value="tomorrow-night-eighties") Tomorrow Night Eighties
          option(value="tomorrow-night") Tomorrow Night
          option(value="tomorrow") Tomorrow
          option(value="vs") Visual Studio
          option(value="xcode") XCode
          option(value="zenburn") Zenburn

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 操作设置

    .fields
      .field.inline
        .ui.checkbox.toggle#table_active_unique
          input(type="checkbox" name="table_active_unique" checked="checked")
          label 表格中同时只能标记一行为活动状态

    .ui.buttons(style="margin-top:40px;")
      button.ui.yellow.button#cancel(type="button"
        onclick="window.location = '/'") 取 消
      .or
      if page_perms.edit
        button.ui.green.button#ok(type="submit") 确 定
      else
        button.ui.green.button.disabled#ok(type="submit")
          i.icon.ban(style="margin-top:1px; margin-right:2px;")
          | 确 定
